.info-container{
  >div{
    min-height: 700px;
    box-shadow: 0 0 5px 5px rgba(144, 195, 31, .05);
    background-color: #fff;
    padding-bottom:40px;
  }
}
.rent-record {
  width: 590px;
  margin-left: 20px;
  .pie_chart{
    width: 100%;
    height: 240px;
    .pie{
      width:190px;
      height: 190px;
      border:8px solid orange;
      border-radius: 50%;
      margin-left:125px;
      margin-top:25px;
      .pie-inner{
        width: 100%;
        height: 100%;
        border: 1px solid #efefef;
        border-radius: 50%;
        .pie-info{
          width: 110px;
          height: 110px;
          margin:0 auto;
          margin-top:30px;
          border-radius:50%;
          box-shadow: 0px 5px 22px 0px rgba(153, 153, 153, 0.3);
          .inner-shadow{
            text-align: center;
            width: 100%;
            height: 100%;
            border-radius:50%;
            box-shadow: 0px -6px 8px 3px rgba(153, 153, 153, 0.3) inset;
            padding-top:5px;
            p{
              line-height:35px;
            }
            p.font_18{
              color: #b3b3b3;
            }
          }
        }
      }
    }
    .info{
      width: 225px;
      height: 121px;
      margin-top:75px;
      margin-right:10px;
      p{
        line-height:30px;
        .font13{
          font-size:13px;
          color: #b3b3b3;
          margin-left:20px;
        }
      }
      .btn-group{
        margin-top:30px;
        margin-left: -35px;
        div{
          width: 70px;
          height: 30px;
          line-height:30px;
          text-align: center;
          border: 1px solid #b3b3b3;
          cursor: pointer;
        }
        .check-button{
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
        }
        .checkout-button{
          border-bottom-right-radius: 10px;
          border-top-right-radius: 10px;
        }
      }
    }
  }
}
.payment-record{
  width: 417px;
  position: relative;
  .pay-button{
    position: absolute;
    top:30px;
    right:20px;
    width: 70px;
    height: 29px;
    line-height:29px;
    text-align: center;
    border: 1px solid #b3b3b3;
    cursor: pointer;
  }
}
ul{
  line-height:50px;
  text-align: center;
  margin-left:15px;
  li{
    float: left;
    width:19.6%;
    color: #7f7f7f;
    border-bottom:1px solid #e5e5e5;

  }
  li:first-child{
    width:39.2%;
  }
}
ul.th{
  line-height:40px;
  li{
    background: #efefef;
    border-bottom:0px;
    font-weight: 500;
  }
}
.recode{
  ul.th{
    li{
      padding-left:10px;
    }
  }
  ul{
    margin-left:5px;
    li{
      width: 33%;
      padding:0 10px;
    }
    //li:first-child{
    //  width:14%;
    //}
  }
}

/* common css */
.color-green{
  color: #90c31f;
}
.paddingrl_10{
  padding:0 10px;
}
.hover-style{
  cursor: pointer;
  li{
    background-color: rgba(155,155,155,.1);
  }
}
.noinfo{
  text-align: center;
  line-height: 100px;
  margin-left: -40px;
  color: #7f7f7f;
}
